{% extends "base.html" %}
{% from "_icones.html" import icone %}
{% block titulo %}Inutilizar numeração{% endblock %}
{% block conteudo %}
<div class="topo">
  <div><h1>Inutilizar numeração</h1><p>Use quando um número da sequência foi pulado (por exemplo, após uma rejeição que você não vai reenviar). Isso informa à SEFAZ que o número não será usado.</p></div>
</div>
<form class="cartao" method="post" data-confirmar="Confirmar a inutilização? Essa ação não pode ser desfeita." data-carregando="Enviando para a SEFAZ...">
  <div class="corpo"><div class="campos">
    <div class="c2 meio"><label>Série</label><input name="serie" value="{{ cfg.serie or 1 }}" inputmode="numeric"></div>
    <div class="c3 meio"><label>Número inicial</label><input name="inicio" required inputmode="numeric"></div>
    <div class="c3 meio"><label>Número final</label><input name="fim" inputmode="numeric" placeholder="igual ao inicial"></div>
    <div class="c12"><label>Justificativa <span class="opc">(mín. 15 caracteres)</span></label><input name="justificativa" minlength="15" maxlength="255" required></div>
  </div></div>
  <div class="rodape-form"><button class="btn perigo">Inutilizar</button></div>
</form>
<div class="cartao">
  <div class="cab"><h2>Histórico</h2></div>
  {% if registros %}
  <div class="tabela-wrap"><table class="tab">
    <thead><tr><th>Data</th><th>Série</th><th>Números</th><th>Ambiente</th><th>Retorno</th><th></th></tr></thead>
    <tbody>{% for r in registros %}
      <tr><td>{{ r.criado_em|data }}</td><td>{{ r.info.serie }}</td><td>{{ r.info.inicio }} a {{ r.info.fim }}</td>
        <td>{{ 'Produção' if r.info.ambiente == 'producao' else 'Homologação' }}</td>
        <td><span class="selo {{ 'ok' if r.sucesso else 'erro' }}">{{ r.cstat }}</span> <span class="peq">{{ r.motivo }}</span></td>
        <td>{% if r.sucesso %}<a class="btn peq" href="{{ url_for('evento_xml', eid=r.id) }}">XML</a>{% endif %}</td></tr>
    {% endfor %}</tbody></table></div>
  {% else %}<div class="vazio">Nenhuma inutilização feita.</div>{% endif %}
</div>
{% endblock %}